<template>
  <div>
    <h1>v-for</h1>
    <ul>
      <li v-for="(item, index) in arr"
          :key="index">{{item}}</li>
    </ul>
    <hr>
    <ul>
      <li v-for="val in obj"
          :key="val.id">{{val.id +'/'+ val.name +'/'+ val.age}}</li>
    </ul>
    <hr>
    <ul>
      <li v-for="(n,idx) in count"
          :key=idx>{{n}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      arr: ['小明', '小李'],
      obj: [
        { id: 1, name: 'zs', age: 17 },
        { id: 2, name: 'ls', age: 18 },
      ],
      count: 10
    }
  }
}
</script>

<style>
</style>